FlyTalk.views.HelpOutTabQuestionsView = Ext.extend(Ext.Panel, {
	title: 'Questions',
	id: 'helpTabQuestions',

	initComponent: function () {
			
		this.helpStore = new Ext.data.Store({		
			model : 'helpModel',
			autoLoad: true,
			
			data: [
			    {text: 'Five People ask:', question:'Where can I find a quiet place to nap?'},
				{text: 'Jessica from your flight:', question:'How crowded is the gate? If its really crowded I\'ll stay downstairs for a quiche.'},
				{text: 'Three passengers:', question:'Can I buy Madeira wine after security? If so, where?'},			
				{text: 'PradaLvr, from your hometown, wants to know:', question:'What is a good exchange rate for Euros to British Pounds right now?'},
			],	
		});			
		this.list = new Ext.List({
			itemTpl: 
					'<div style="float:right" class="arrow"><img src="images/plus_post.png" width="30" height="30"></div>'+
					'<div style="text-align: left">'+
						'<div class="list-detail-large" >{text} </div>'+
						'<div class="list-detail-small" > {question}</div>'+
						
					'</div>',
						
					
		
			store: this.helpStore,		
			scroll: true,
			fullscreen: true,
			//onItemDisclosure: true,	
			//grouped: true,
			
			listeners:{
				itemTap: function(dv, index, item, e){
					if(e.getTarget('.arrow')){
						FlyTalk.views.BoredView.incomplete.show();
					}
				},
			}
		});
	
		this.items = [this.list];
		
		FlyTalk.views.HelpOutTabQuestionsView.superclass.initComponent.call(this);
        
    },
	


});